<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>个人中心</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/index.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.4.1.js"></script>
<script>
	window.onload = function() {
		var orderStatus = document.getElementsByClassName("orderStatus");
		for (var i = 0; i < orderStatus.length; i++) {
			if (orderStatus[i].innerHTML == 1) {
				orderStatus[i].innerHTML = "已支付";
			} else {
				orderStatus[i].innerHTML = '<span style="color: orangered;">待支付</span>';
			}
		}
	}
</script>
</head>
<body class="index">
	<div class="ucenter container">
		<div class="header" id="header">
			<h1 class="logo">
				<a title="" style="background: url(${pageContext.request.contextPath }/images/logo.png)" href="index.html">电子商务平台</a>
			</h1>
			<!-- <ul class="shortcut">
				<li class="first"><a href="personal.html">个人中心</a></li>
				<li><a href="myOrders.html">我的订单</a></li>
			</ul>
			<p class="loginfo" id="loginfo"></p> -->
		<ul class="shortcut"><li class="first"><a href="${pageContext.request.contextPath }/personal/center">个人中心</a></li><li><a href="${pageContext.request.contextPath }/personal/myOrders">我的订单</a></li></ul><p class="loginfo">你好!${user.username }[<a href="${pageContext.request.contextPath }/user/quit">安全退出</a>]</p></div>
		<div class="navbar" style="margin-bottom: 50px">
			<ul id="navbarUl">

			</ul>
			<div class="mycart">
				<dl>
					<dt>
						<a href="cart.html">购物车<b name="mycart_nums" id="mycart_nums">2</b>件
						</a>
					</dt>
					<dd>
						<a href="cart.html">去结算</a>
					</dd>
				</dl>
				<!--购物车浮动div 开始-->
				<div class="shopping" id="div_mycart" style="display: none;">
					<dl class="cartlist" id="shopcarDiv">
					</dl>
				</div>
				<script>
					
				</script>
			</div>
		</div>
		
		<div class="wrapper clearfix">
			<div class="sidebar f_l">
				<img src="${pageContext.request.contextPath }/images/front/ucenter/ucenter.gif" width="180" height="40">
				<div class="box">
					<div class="title">
						<h2>交易记录</h2>
					</div>
					<div class="cont">
						<ul class="list">
							<li><a href="" class="menu">我的订单</a></li>
						</ul>
					</div>
				</div>
				<div class="box">
					<div class="title">
						<h2 class="bg5">个人设置</h2>
					</div>
					<div class="cont">
						<ul class="list">
							<li><a href="${pageContext.request.contextPath }/personal/addressMana" class="menu">地址管理</a></li>
						</ul>
						<ul class="list">
							<li><a href="${pageContext.request.contextPath }/personal/avatar" class="menu">修改头像</a></li>
						</ul>
						<ul class="list">
							<li><a href="${pageContext.request.contextPath }/personal/update" class="menu">修改密码</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="main f_r" id="main">
				<div class="uc_title m_10">
					<label class="current"><span>我的订单</span></label>
				</div>
				<div class="box m_10">
					<table class="list_table" width="100%" cellpadding="0" cellspacing="0">
						<colgroup>
							<col width="250px">
							<col width="140px">
						</colgroup>
						<thead>
							<tr>
								<th>订单编号</th>
								<th>下单日期</th>
								<th>收货人</th>
								<th>支付方式</th>
								<th>总金额</th>
								<th>订单状态</th>
							</tr>
						</thead>
						<tbody id="orderData">
							<c:forEach items="${orderList }" var="orderList">
								<tr>
									<td><a href="#" class="orange">${orderList.orderno }</a></td>
									<td>${orderList.ordertime }</td>
									<td>${orderList.accept }</td>
									<td>支付宝</td>
									<td>￥${orderList.money }</td>
									<td class="orderStatus">${orderList.status }</td>
								</tr>
							</c:forEach>
						</tbody>
						<tfoot>
							<tr>
								<td colspan="6" class="t_l">
									<div class="pages_bar" id="pages_bar">
										<a href="javascript:void(0)" id="firstPage">首页</a>
										<b id="pages">
											<a href="javascript:void(0)" class="current_page">1</a> 
											
										 </b>
											<a href="javascript:void(0)" id="lastPage">尾页</a> 当前第<span id="currentPage">1</span>页/共<span id="totalPage">1</span>页
									</div>
								</td>
							</tr>
						</tfoot>
					</table>
				</div>
			</div>
		</div>
		<div class="help m_10">
			<div class="cont clearfix">
				<dl>
					<dt>
						<a href="">购物指南</a>
					</dt>
					<dd>
						<a href="">订单状态</a>
					</dd>
					<dd>
						<a href="">购物流程</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="">支付帮助</a>
					</dt>
					<dd>
						<a href="">支付帮助</a>
					</dd>
					<dd>
						<a href="">在线支付</a>
					</dd>
					<dd>
						<a href="">货到付款</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="">配送帮助</a>
					</dt>
					<dd>
						<a href="">EMS/邮政普包</a>
					</dd>
					<dd>
						<a href="">商品验货与签收</a>
					</dd>
					<dd>
						<a href="">配送范围及运费</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="">售后服务</a>
					</dt>
					<dd>
						<a href="">售后服务</a>
					</dd>
					<dd>
						<a href="">发票制度</a>
					</dd>
					<dd>
						<a href="">退货说明</a>
					</dd>
					<dd>
						<a href="">换货说明</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="">帮助信息</a>
					</dt>
					<dd>
						<a href="">友情链接</a>
					</dd>
					<dd>
						<a href="">联系客服</a>
					</dd>
					<dd>
						<a href="">找回密码</a>
					</dd>
					<dd>
						<a href="">关于我们</a>
					</dd>
				</dl>
			</div>
		</div>
		<div class="footer">
			<p class="links">
				<a href="">关于我们</a>|<a href="">常见问题</a>|<a href="">安全交易</a>|<a href="">购买流程</a>|<a href="">如何付款</a>|<a href="">联系我们</a>|<a href="">合作提案</a>
			</p>
			Copyright © 2015-2021 <a class="copyys" target="_blank" href="">蜀ICP备01000010号</a>
		</div>
	</div>

</body></html>